<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>活动报名</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/enter.css" type="text/css" rel="stylesheet" media="all">
<link href="css/photos.css" type="text/css" rel="stylesheet" media="all">
<link href="css/notes.css" type="text/css" rel="stylesheet" media="all">
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
</head>

<body>
<!--头部-->
<div class="head">
	<div class="icon">
    	<img src="image/LOGO.png" alt="">
        <form  class="search" role="搜索">
        	<input type="text" class="search_text" />
            <input type="button" value="搜 索" class="search_btn" />
        </form> 
        <ul class="login">
            <li><a href="#">注册</a></li>
            <li><a href="#">登录</a></li>
        </ul> 
    </div>
	<div class="header">
        <div class="header-nav">
            <ul class="left fl">
                <li>
                    <a href="index.html">首页</a>            
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">省内路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">省外路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">国外路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">周边游</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">主题推荐</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                	<a href="户外活动.html">户外活动</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山</a>
                            </li>
                            <li>
                                <a href="">骑行</a>
                            </li>
                            <li>
                                <a href="">徒步</a>
                            </li>
                            <li>
                                <a href="">自驾游</a>
                            </li>
                            <li>
                                <a href="">周末小聚</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li><a href="活动约伴.html">活动约伴</a></li>
                <li>
                    <a href="户外攻略.html">户外攻略</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山攻略</a>
                            </li>
                            <li>
                                <a href="">骑行攻略</a>
                            </li>
                            <li>
                                <a href="">徒步攻略</a>
                            </li>
                            <li>
                                <a href="">自驾游攻略</a>
                            </li>
                            <li>
                                <a href="">野营攻略</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                    <a href="户外装备.html">户外装备</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山鞋</a>
                            </li>
                            <li>
                                <a href="">山地自行车</a>
                            </li>
                            <li>
                                <a href="">帐篷</a>
                            </li>
                            <li>
                                <a href="">登山包</a>
                            </li>
                            <li>
                                <a href="">野营装备</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                    <a href="出行游记.html">出行游记</a>
                </li>
                <li>
                    <a href="照片墙.html">照片墙</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--主体部分-->
<div class="main">
	<ol class="banner_title">
    	<li><a href="#">首页</a></li>
    	<li><a href="#">活动报名</a></li>
    </ol>
    <div class="enter">
    	<img src="image/04.jpeg" />
        <div class="describe fr">
        	<h3>【探索者】醉美新疆—北疆喀纳斯、禾木、伊犁河谷、赛里木湖、那拉提草原、巴音布鲁克精彩环线</h3>
            <dl>
                <dt>出发地：</dt>
                	<dd>内江</dd>
                <dt>目的地：</dt>
                	<dd>新疆,乌鲁木齐</dd>
                <dt>出发时间：</dt>
                	<dd>2016年5月1日</dd>
                <dt>返回时间：</dt>
                	<dd>2016年5月7日</dd>
                <dt>集合时间：</dt>
                	<dd>2016年5月1日 11:24</dd>
                <dt>集合地点：</dt>
                	<dd>内江师范学院大门口</dd>                
                <dt>出行方式：</dt>
                	<dd>火车</dd>
                <dt>活动强度：</dt>
                	<dd>休闲</dd>
                <dt>活动状态：</dt>
                	<dd>报名中</dd>
                <dt>报名截止：</dt>
                	<dd>2015年4月28日 12:00</dd>
                <dt>已报名人数：</dt>
                	<dd>23人</dd>
                <dt>人数限制：</dt>
                	<dd>30人</dd>
                <dt>活动价格：</dt>
                	<dd><span>￥300</span>/人</dd>
            </dl>
            <div class="bm">
            	<span>我要报名</span>    
            </div>
        </div>
    </div>
    <ul class="tag">
    	<li class="on" name="1">活动详情</li>
    	<li name="2">活动相册</li>
    	<li name="3">活动评论</li>
    	<li name="4">报名列表</li>
    	<li name="5">相关游记</li>
    </ul>
    <div class="sum">
        <div class="introduce" id="1">
            <h3>【探索者】醉美新疆—北疆喀纳斯、禾木、伊犁河谷、赛里木湖、那拉提草原、巴音布鲁克精彩环线</h3>
            <b>乌鲁木齐</b>
            <p>袁宏道一句“山风吹晓做新岚，仙梦茫茫古石龛。欲识死生情切处，棺材峰上卓峁庵”便已让此山逃离了吉祥与否的争议，淡淡的哀伤隐藏在浓浓的浪漫情怀里，一座山峰就穿越了千百年的历史，带来说不尽的风流痴情。后由于时间的长远，历史的湮没，此山渐渐被人遗忘，直至户外运动在北京蓬勃发展起来，一批批驴友来此登山探险，棺材山方重新焕发光彩</p>
            <p style="text-align:center;"><img src="image/04.jpeg" /></p>        <b>乌鲁木齐</b>
            <p>袁宏道一句“山风吹晓做新岚，仙梦茫茫古石龛。欲识死生情切处，棺材峰上卓峁庵”便已让此山逃离了吉祥与否的争议，淡淡的哀伤隐藏在浓浓的浪漫情怀里，一座山峰就穿越了千百年的历史，带来说不尽的风流痴情。后由于时间的长远，历史的湮没，此山渐渐被人遗忘，直至户外运动在北京蓬勃发展起来，一批批驴友来此登山探险，棺材山方重新焕发光彩</p>
            <p style="text-align:center;"><img src="image/04.jpeg" /></p>
        </div>
        <div class="albums"  id="2">
            <div class="photos">
                <ul>
                    <li class="">
                        <a href="">
                            <img src="image/04.jpeg" />
                            <p>【夏天的童话】畅游加拿大</p>
                        </a>
                        <div class="u">
                            <img src="image/m2r_del1.jpg" />
                            <span class="user">用户名</span>
                            <span>2016年5月1日</span>                        </div>
                  </li>
                    <li class="">
                        <a href="">
                            <img src="image/04.jpeg" />
                            <p>【夏天的童话】畅游加拿大</p>
                        </a>
                        <div class="u">
                            <img src="image/m2r_del1.jpg" />
                            <span class="user">用户名</span>
                            <span>2016年5月1日</span>                        </div>
                  </li>
                    <li class="">
                        <a href="">
                            <img src="image/04.jpeg" />
                            <p>【夏天的童话】畅游加拿大</p>
                        </a>
                        <div class="u">
                            <img src="image/m2r_del1.jpg" />
                            <span class="user">用户名</span>
                            <span>2016年5月1日</span>                        </div>
                  </li>
                    <li class="">
                        <a href="">
                            <img src="image/04.jpeg" />
                            <p>【夏天的童话】畅游加拿大</p>
                        </a>
                        <div class="u">
                            <img src="image/m2r_del1.jpg" />
                            <span class="user">用户名</span>
                            <span>2016年5月1日</span>                        </div>
                  </li>
                </ul>
            </div>
            <div class="pagination" id="jPage" align="center">
            <a href="#" class="prev">&lt;&lt;</a>
            <div class="pagination_item">
                <a href="#" >1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <span>...</span>
                <a href="#">7</a>
            </div>
            <a href="#" class="prev">&gt;&gt;</a>
            </div>
        </div>
        <div class="comment" id="3">
            <div class="comment-box">
                <img src="image/m2r_del1.jpg" />
                <div class="comment-item fr">
                    <p><span>用户名1</span>&nbsp;&nbsp;&nbsp;&nbsp;2016年5月1日</p>
                    <div class="text">
                        <p>户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒</p>
                    </div>
                </div>
            </div>
            <div class="comment-box">
                <img src="image/m2r_del1.jpg" />
                <div class="comment-item fr">
                    <p><span>用户名1</span>&nbsp;&nbsp;&nbsp;&nbsp;2016年5月1日</p>
                    <div class="text">
                        <p>户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒，户外与美酒</p>
                    </div>
                </div>
            </div>
            <div class="review">
                <p>点评活动</p>
                <textarea name="review" placeholder="你怎么看"></textarea>
                <img src="image/m2r_del1.jpg" />
                <span>用户名</span>
                <button type="submit" class="fr">提交评论</button>
            </div>
        </div>
        <div class="forms" id="4">
            <table>
                <tr bgcolor="#F4F4F4" style="height:30px; line-height:30px;">
                    <td>头像</td>
                    <td>用户名</td>
                    <td>真实姓名</td>
                    <td>性别</td>
                    <td>身份证号</td>
                    <td>联系方式</td>
                    <td>出行人数</td>
                    <td>申请时间</td>
                    <td>保险情况</td>
                    <td>状态</td>
                </tr>
                <tr>
                    <td><img src="image/m2r_del1.jpg" /></td>
                    <td>用户名</td>
                    <td>吴汶倩</td>
                    <td>女</td>
                    <td>******************</td>
                    <td>***********</td>
                    <td>3人</td>
                    <td>2016年5月1日</td>
                    <td>有</td>
                    <td>已审核</td>
                </tr>
                <tr>
                    <td><img src="image/m2r_del1.jpg" /></td>
                    <td>用户名</td>
                    <td>张三</td>
                    <td>男</td>
                    <td>******************</td>
                    <td>***********</td>
                    <td>1人</td>
                    <td>2016年5月1日</td>
                    <td>有</td>
                    <td>已审核</td>
                </tr>
                <tr>
                    <td><img src="image/m2r_del1.jpg" /></td>
                    <td>用户名</td>
                    <td>李四</td>
                    <td>男</td>
                    <td>******************</td>
                    <td>***********</td>
                    <td>1人</td>
                    <td>2016年5月1日</td>
                    <td>有</td>
                    <td>已审核</td>
                </tr>
            </table>
            <script>
                $(document).ready(function(){
                    $(".forms table tr td:odd").addClass("odd");
                });
            </script>
        </div>
        <div class="article" id="5">
            <div class="notes">
                <div class="row fl">
                    <ul>
                        <li>
                            <img src="image/m2r_del1.jpg" />
                            <span class="user">用户名</span>
                            <div class="lnote fr">
                                <img src="image/08.jpeg" />
                                <div class="section fr">
                                    <h3><a href="">五一节后享不停！写游记，赢千元旅行“加游包”！</a></h3>
                                    <p><span>日期：</span>2016年5月1日</p>
                                    <p><span>相关行程：</span>醉长安> 青曲社> 梁家河> 西安刘峰肉夹馍> 会峰寨> 乾坤湾> 统万城</p>
                                    <p><span>游记简述：</span><a href="">写在前面的一些话 关于陕北，关于延安…… 相信每一个中国人都不会陌生 不过，没来陕北之前，对延安，对陕北更多的印象都是来自曾经的课本或者现在的电视媒体等等 高亢的</a></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <img src="image/m2r_del1.jpg" />
                            <span class="user">用户名</span>
                            <div class="lnote fr">
                                <img src="image/08.jpeg" />
                                <div class="section fr">
                                    <h3><a href="">五一节后享不停！写游记，赢千元旅行“加游包”！</a></h3>
                                    <p><span>日期：</span>2016年5月1日</p>
                                    <p><span>相关行程：</span>醉长安> 青曲社> 梁家河> 西安刘峰肉夹馍> 会峰寨> 乾坤湾> 统万城</p>
                                    <p><span>游记简述：</span><a href="">写在前面的一些话 关于陕北，关于延安…… 相信每一个中国人都不会陌生 不过，没来陕北之前，对延安，对陕北更多的印象都是来自曾经的课本或者现在的电视媒体等等 高亢的</a></p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <img src="image/m2r_del1.jpg" />
                            <span class="user">用户名</span>
                            <div class="lnote fr">
                                <img src="image/08.jpeg" />
                                <div class="section fr">
                                    <h3><a href="">五一节后享不停！写游记，赢千元旅行“加游包”！</a></h3>
                                    <p><span>日期：</span>2016年5月1日</p>
                                    <p><span>相关行程：</span>醉长安> 青曲社> 梁家河> 西安刘峰肉夹馍> 会峰寨> 乾坤湾> 统万城</p>
                                    <p><span>游记简述：</span><a href="">写在前面的一些话 关于陕北，关于延安…… 相信每一个中国人都不会陌生 不过，没来陕北之前，对延安，对陕北更多的印象都是来自曾经的课本或者现在的电视媒体等等 高亢的</a></p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="column fr">
                    <ul>
                        <li>
                            <h3><a href="">带你走进一个不一样的陕北</a></h3>
                            <img src="image/m2r_del1.jpg" />
                            <span class="user">用户名</span>
                            <b><span>日期：</span>2016年5月1日</b>
                            <div class="clearfix"></div>
                            <div class="rnote">
                                <img src="image/21.jpg" />
                                <p><span>相关行程：</span>醉长安> 青曲社> 梁家河> 西安刘峰肉夹馍> 会峰寨> 乾坤湾> 统万城</p>
                                <p><span>游记简述：</span><a href="">写在前面的一些话 关于陕北，关于延安…… 相信每一个中国人都不会陌生 不过，没来陕北之前，对延安，对陕北更多的印象都是来自曾经的课本或者现在的电视媒体等等 高亢的</a></p>
                            </div>    
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <script>
		$(function(){
			$(".tag li").click(function(){
				var value = $(this).attr("name");				
				$(this).addClass("on").siblings("li").removeClass("on");
				$(".sum > div").hide();
				$("#" + value).show();		
			});
		});

    </script>
</div>

<div class="hr"></div>
<!--脚部-->
<div class="clearfix"></div>
<div class="footer">
	<div class="about">
        <ul>
        	<li><a href="">驴舍简介</a></li>
        	<li><a href="">驴舍宗旨</a></li>
        	<li><a href="">建议征集</a></li>
        	<li><a href="">关于我们</a></li>

        </ul>
    </div>
</div>
</body>
</html>
